<!DOCTYPE HTML>
<html>
<head>
	<title>WGo - Test 3</title>
	<script type="text/javascript" src="../wgo/wgo.js"></script>
	<script type="text/javascript" src="../wgo/kifu.js"></script>
	<script type="text/javascript" src="../wgo/sgfparser.js"></script>
	<script type="text/javascript" src="../wgo/player.js"></script>
	<script type="text/javascript" src="../wgo/basicplayer.js"></script>
	<script type="text/javascript" src="../wgo/basicplayer.component.js"></script>
	<script type="text/javascript" src="../wgo/basicplayer.infobox.js"></script>
	<script type="text/javascript" src="../wgo/basicplayer.commentbox.js"></script>
	<script type="text/javascript" src="../wgo/basicplayer.control.js"></script>
	<script type="text/javascript" src="../wgo/player.editable.js"></script>
	<script type="text/javascript" src="../wgo/scoremode.js"></script>
	<script type="text/javascript" src="../wgo/player.permalink.js"></script>

	<link rel="stylesheet" type="text/css" href="../wgo/wgo.player.css" />
</head>
<body>
<h1 style="font-family: Consolas">Test of absolute positioning.</h1>
<div style="position: relative; margin: 100px; width: 800px; ">
  <div style="position: absolute; left: 50px; right: 50px; top: 50px; height: 500px; width: auto; background-color: rgba(255,255,255,0.5); padding: 10px;" data-wgo-layout="top: 'Control'" data-wgo="(;GM[1]FF[4]CA[UTF-8]AP[CGoban:3]ST[2]RU[Japanese]SZ[19]KM[0.00]AW[gn][do][eo][fo][cp][gp][cq][dq][br][cr]AB[cm][bo][co][bp][dp][ep][fp][aq][bq][oq][ar][as]C[Can black save 3 stones? ;-)];B[fq];W[gq];B[fr];W[er];B[gr];W[hr];B[ir];W[hq];B[hs];W[gs];B[is];W[es];B[fs];W[eq];B[gs];W[jq];B[kr];W[jr];B[js];W[kq];B[lr];W[mq];B[ks];W[mr];B[bs];W[lq];B[cs];W[iq];B[ds];W[ls])" class="player">
  Your browser doesn't support WGo Player. Use some modern browser like IE9, Google Chrome or Mozilla Firefox.
  </div>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum fermentum tortor id mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus rhoncus. Nullam at arcu a est sollicitudin euismod. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nullam dapibus fermentum ipsum. Et harum quidem rerum facilis est et expedita distinctio.</p>
  <p>Suspendisse sagittis ultrices augue. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Mauris dictum facilisis augue. Aliquam erat volutpat. Integer tempor. Integer pellentesque quam vel velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed convallis magna eu sem. Curabitur sagittis hendrerit ante. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis.</p>
  <p>Pellentesque sapien. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Praesent id justo in neque elementum ultrices. Etiam neque. Aliquam id dolor. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Vestibulum fermentum tortor id mi. Aenean vel massa quis mauris vehicula lacinia. Sed convallis magna eu sem.</p>
  <p>Fusce consectetuer risus a nunc. Phasellus faucibus molestie nisl. Praesent id justo in neque elementum ultrices. Aenean vel massa quis mauris vehicula lacinia. Aliquam erat volutpat. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Quisque porta. Maecenas libero. Aliquam id dolor. Aenean fermentum risus id tortor. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Duis viverra diam non justo. Donec quis nibh at felis congue commodo. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Pellentesque ipsum.</p>
  <p>Nunc auctor. Integer imperdiet lectus quis justo. Curabitur sagittis hendrerit ante. Praesent id justo in neque elementum ultrices. Maecenas libero. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus ac leo pretium faucibus. Nam quis nulla. Nullam rhoncus aliquam metus. Ut tempus purus at lorem. Mauris dictum facilisis augue. Suspendisse nisl. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Pellentesque arcu. In enim a arcu imperdiet malesuada. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>

</body>
</html>